<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>input</title>
	<link rel='stylesheet' text="type/css" href="css/input.css">
	<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<style>
		body{padding: 20px}
	</style>
</head>
<body>
	<form>
		<p>
			单选框
			<lable>
				<i class='input_style radio_bg'><input type="radio" name="hot" value="1"></i>
				a1
			</lable>
			<lable>
				<i class='input_style radio_bg'><input type="radio" name="hot" value="2"></i>
				a2
			</lable>
			<lable>
				<i class='input_style radio_bg'><input type="radio" name="hot" value="3"></i>
				a3
			</lable>
			<lable>
				<i class='input_style radio_bg'><input type="radio" name="hot" value="4"></i>
				a4
			</lable>
			<lable>
				<i class='input_style radio_bg'><input type="radio" name="hot" value="5"></i>
				a5
			</lable>
		</p>
		<p>
			复选框
			<lable>
				<i class='input_style checkbox_bg'><input type="checkbox" name="q" value="11"></i>
				b1
			</lable>
			<lable>
				<i class='input_style checkbox_bg'><input type="checkbox" name="w" value="22"></i>
				b2
			</lable>
			<lable>
				<i class='input_style checkbox_bg'><input type="checkbox" name="e" value="33"></i>
				b3
			</lable>
			<lable>
				<i class='input_style checkbox_bg'><input type="checkbox" name="r" value="44"></i>
				b4
			</lable>
		</p>

		<input type="submit" value="提交">
	</form>
	<script text="type/javascript" src="js/input.js"></script>
</body>
</html>